<template>
  <div>
    <!-- 资讯头部分类标签 -->
    <van-tabs v-model="activeName">
      <van-tab title="推荐" name="a">
        <router-link to="">
          <div class="list">
            <img src="../../assets/index1.jpg" alt="">
            <p><strong>标题</strong></p>
          </div>
        </router-link>
      </van-tab>
      <van-tab title="热门" name="b">
        <router-link to="">
          <div class="list">
            <img src="../../assets/index1.jpg" alt="">
            <p><strong>标题</strong></p>
          </div>
        </router-link>
      </van-tab>
      <van-tab title="同城" name="c">
        <router-link to="">
          <div class="list">
            <img src="../../assets/index1.jpg" alt="">
            <p><strong>标题</strong></p>
          </div>
        </router-link>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        activeName: 'a',
      };
    },

    methods: {
      
    },

    mounted () {
      
    },
  }
</script>

<style lang="scss" scoped>
.list{
  border: 1px solid wheat;
  border-radius: 10px;
  margin: 10px 20px;
  padding: 10px;
  img{
    width: 100%;
  }
  p{
    font-size: 18px;
  }
}
</style>